<!DOCTYPE HTML>
<html>
<script src="../resources/ahem.js"></script>
<head>
    <title></title>
    <style>
      button { font-family: Ahem; }
      #a, #b, #c, #d { color: blue; }
    </style>
</head>
<body>
    <p>
        This is a test of generated content in &lt;button>  for
        <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9561">http://bugzilla.opendarwin.org/show_bug.cgi?id=9561</a>
        REGRESSION: Content property on :before of button causes hang on click or hover</i>.
    </p>
    <hr>
    <button id="a">before</button>
    <button id="b">beforebutton</button>
    <br>
    <button id="c">after</button>
    <button id="d">buttonafter</button>
    <br>
    <button id="e"></button>
    <button id="f">button</button>
    <br>
    <button id="g"></button>
    <button id="h">button</button>
    <br>
    <button id="i">before</button>
    <button id="j">beforebutton</button>
    <br>
    <button id="k">after</button>
    <button id="l">buttonafter</button>
    <br>
    <button id="m">before</button>
    <button id="n">beforebutton</button>
    <br>
    <button id="o">after</button>
    <button id="p">buttonafter</button>
    <br>
</body>
</html>
